<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />


 <script type="text/javascript" src="nivo-slider/demo/scripts/jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="nivo-slider/jquery.nivo.slider.pack.js"></script>
  <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({pauseTime: 5000,  effect: 'fold'});
    });
   </script>
   
  <style>
  .nivoSlider {
    position:relative;
    width:351px !important; /* Change this to your images width */
    height:264x !important; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}

	#slider_area{
		position:relative;
		}
	#slider_box{
		 left: 14px;
    	 position: absolute;
    	 top: 12px;
		
		}
  </style>
   
</head>
<body>
	<div id="wrapper">
    	<div id="top">
        	<div id="header">
            	<div id="menu">
                	    <ul>
                            <li class="active"><a href="#">Trang chủ</a></li>
                            <li><a href="#">Tìm sản phẩm</a></li>
                            <li><a href="#">Tìm công ty</a></li>
                            <li><a href="#">Tìm kỹ thuật lắp đặt</a></li>
                            <li><a href="#">Tìm thuê máy xây dựng</a></li>
                            <li class="last"><a href="#">Tìm việc làm</a></li>
                        </ul>
                <div class="clear"></div> 
                </div><!--End #menu-->
                
                <div id="logo">
                	<a href="#"><img src="images/logo.png" alt="logo" /></a>
                    <h3>Sản phẩm xây dựng cho mọi nhu cầu của bạn</h3>
                </div><!--End #logo-->
                
            </div><!--End #header-->
            <div id="top_shadow"></div><!--End #top_shadow-->
        </div><!--End #top-->
                
        <div id="main">
        	
        	<div id="main_content">
            	<div id="search">
            	<h1>Find building products</h1>
                <h3>Save time and search over 200,000 building products to find the suppliers and manufacturers you need.</h3>
                
                <form id="searchForm" method="post" action="#" name="searchForm">
                	<input type="text" name="txtSearch" id="txtSearch" value="Enter product" onfocus="if(this.value == 'Enter product') { this.value = ''; }"/>
                    <input type="submit" name="btnSearch" id="btnSearch" value="Find product now"/>
                    <input type="submit" name="btnBrowse" id="btnBrowse" value="Browse A-Z"/>
                </form>
            	</div><!-- End #search-->
                
                <div id="slider_area">
                	<div id="slider_box">
                    	 <div class="slider-wrapper theme-default">
            <div class="ribbon"></div>
			<div id="slider-wrap">
				<div id="slider" class="nivoSlider">
					<img src="images/4f27aee1d103c.jpg" alt="" title="#htmlCaption3"/>
					<img src="images/car_p.jpg" alt="" title="#htmlCaption1" />
					<img src="images/DSC00180.JPG" alt="" title="#htmlCaption2"/>
					
				</div>
				
                <div id="htmlCaption1" class="nivo-html-caption">
					<h2><a href="#">LowPoly building materitals</a></h2> 
                    <p>High quality polygonal model - correctly scaled accurate representation of the original objects ...</p>.
				</div>
                
                <div id="htmlCaption2" class="nivo-html-caption">
					<h2><a href="#">1914 translation by H. Rackham</a></h2> 
                    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was ...</p>.
				</div>
                
                <div id="htmlCaption3" class="nivo-html-caption">
					<h2><a href="#">Section 1.10.33 of "de Finibus"</a></h2> 
                    <p>"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum...</p>.
				</div>
			</div>
        </div>
                    </div><!--End #slider_box-->
                
                </div><!-- End #slider_area-->
          
        </div><!--End #main_content-->
            <div class="clear"></div>
            
            <div id="slogan"></div><!--End #slogan-->
            <div id="sologan_content">
                	<h1>Number 1</h1>
                    <p>for delivering results on building products and people</p>
                    <img src="images/arrow_right.png" alt="slogan_logo"/>
             </div><!--End #slogan_content-->    	
            
            <div id="main_content_bottom">
                            	
                <div id="col_left">
                	<h2>Welcome to Ngân hàng xây dựng</h2>
                    <p>The Construction Centre is the UK's busiest industry specific website with thousands of contractors, architects and specifiers visiting the site every day. You can search for general product areas such as air conditioning or drainage and then filter and refine to select specific items.</p>

<p>There are over 16,000 UK manufacturers and suppliers providing building products; from lintels to lead and bricks to bollards we span the length and breadth of the construction industry. We even have the facility for you to request information from multiple companies simultaneously, saving you valuable time and effort.</p>

<p>The site is also useful for tradesman, builders and also the thousands of private individuals who turn their hand to self-build or serious DIY projects in and around the home.</p>

<p> <span>Now Ready!</span> Our 2012 sporting wall planner, listing all the key construction exhibitions, football, rugby, horseracing, cricket, golf and tennis dates. Plus all the Olympic games dates for your diary. </p>
                </div><!--End #col_left-->
                
                <div id="col_right">
                	<ul id="brand_name">
                       <li><a href="#"><img src="images/cwfield.jpg" alt="" /></a></li>
                       <li><a href="#"><img src="images/livingwood.jpg" alt="" /></a></li>
                       <li><a href="#"><img src="images/hare.jpg" alt="" /></a></li>
                       <li><a href="#"><img src="images/gfjoin.jpg" alt="" /></a></li>
                       <li><a href="#"><img src="images/westbury.jpg" alt="" /></a></li>
                       <li><a href="#"><img src="images/ahmarra.jpg" alt="" /></a></li>
                    </ul>
                    <div class="clear"></div>
               		<div id="search_company">
            			<h1>Find a company by name</h1>
               	    	<h3>Search over 16,000 company names for the contact details you require.</h3>
                        <form id="searchCompanyForm" method="post" action="#" name="searchForm">
                			<input type="text" name="txtSearchCompany" id="txtSearchCompany" value="Enter company name" onfocus="if(this.value == 'Enter company name') { this.value = ''; }"/>
                    		<input type="submit" name="btnSearchCompany" id="btnSearchCompany" value="Find a company now"/>
                    		<input type="submit" name="btnBrowseCompany" id="btnBrowseCompany" value="Browse A-Z"/>
                		</form>
                   </div><!-- End #search_company-->
                  
                </div><!--End #col_right-->
                 <div class="clear"></div>
                
                 
            </div><!--End #main_content_bottom-->
           
        </div><!--End #main-->
        
        <div id="bottom">
               <div id="footer">
                    <a href="#"><img src="images/footer_logo.png" alt=""/></a>
                        <ul id="footer_menu">
                             <li><a href="#">About Us </a></li>
                             <li><a href="#">Email a Friend </a></li>
                             <li><a href="#">Link to Us </a></li>
                             <li><a href="#">Useful Resources</a></li>
                             <li><a href="#">Contact Us </a></li>
                             <li><a href="#">Site Map </a></li>
                             <li id="last"><a href="#">Privacy Policy </a></li>
                         </ul>
                        <p>Copyright © 2012 <span>Ngân hàng xây dựng</span>. All rights reserved</p>
                    </div><!--End #footer-->
  		</div><!--End #bottom-->
    </div><!--End #wrapper-->
    
    
</body>
</html>

